<%-- 
    Document   : makePayment
    Created on : Jul 4, 2012, 11:47:18 AM
    Author     : Owner
--%>

<%@include file="/jsp/top.jsp"%>

<html>
    <head>

        <title>Make Payment</title>
    </head>
    <body>
        <div class="clear"></div>
        <table cellspacing="5px" width="100%" align="center">
            <tr>
                <td>
                    <table cellspacing="5px" width="100%" align="center">
                        <tr>
                            <td colspan="2">
                                <div class="page-title"><h1>Make Payment</h1></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align: top;" width="20%">
                                <table cellspacing="10px" width="100%" align="center">
                                    <tr>
                                        <td><h2>Order Details</h2></td>
                                    </tr>
                                    <logic:present name="order" scope="request">
                                        <tr>
                                            <td> Order No:<bean:write name="order" property="orderId" /></td>
                                        </tr>                                    
                                        <tr>
                                            <td>Payment Amt: <bean:write name="order" property="paydelTotal"/></td>
                                        </tr>
                                    </logic:present>
                                </table>
                            </td>
                            <td style="vertical-align: top;" width="80%">
                                <table align="center" border="1" cellspacing="10px" width="100%">
                                    <tr>
                                        <td>
                                            <html:form action="/payment" method="post">
                                                <table cellspacing="10px" width="100%" align="center">
                                                    <tr>
                                                        <td colspan="2">Enter Debit Card Details</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Card Type:</td>
                                                        <td><html:select property="cardTypeId">
                                                                <html:option value="0">--Select--</html:option>
                                                                <html:options collection="cardTypeList" property="key" labelProperty="value"/>
                                                            </html:select> </td>
                                                    </tr>

                                                    <tr>
                                                        <td>Card No:</td>
                                                        <td>
                                                            <html:text property="cardNo" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Card Holder Name:</td>
                                                        <td><html:text property="cardHolderName"/></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Expiry Month:<br/><html:select property="cardExpiryMonth">
                                                                <html:option value="0">--Select--</html:option>
                                                                <html:option value="1">Jan</html:option><html:option value="2">Feb</html:option><html:option value="3">Mar</html:option>
                                                                <html:option value="4">Apr</html:option><html:option value="5">May</html:option><html:option value="6">Jun</html:option>
                                                                <html:option value="7">Jul</html:option><html:option value="8">Aug</html:option><html:option value="9">Sep</html:option>
                                                                <html:option value="10">Oct</html:option><html:option value="11">Nov</html:option><html:option value="12">Dec</html:option>
                                                            </html:select> </td>
                                                        <td>Expiry Year:<br/><html:text property="cardExpiryYear"/></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Bank Name:</td>
                                                        <td><html:select property="bankId">
                                                                <html:option value="0">--Select--</html:option>
                                                                <html:options collection="bankList" property="key" labelProperty="value"/>
                                                            </html:select> </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <a onclick="javascript:return payementCard('./payment.do?action=showOrderConfirm','paymentBean')">
                                                                <img alt="" src="images/submitsmall.png"/>
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <a href="./payment.do?action=cancelOrderPayment">
                                                                <img alt="" src="images/cancel.png"/>
                                                            </a>
                                                        </td>
                                                    </tr>

                                                </table>
                                            </html:form>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td><%@include file="/jsp/footer.jsp" %></td>
            </tr>
        </table>
    </body>
</html>
